<template>
    <div class="qilin-noAuthentification">
        <header-nav></header-nav>
        <div class="qilin-noAuthentification-content">
            <img src="@/assets/images/noAuthentification.png" alt="">
            <div class="qilin-noAuthentification-content-text">
                <div class="qilin-noAuthentification-content-text-tip">
                    <p>抱歉，你当前暂无访问权限，请联系管理员</p>
                    <el-button type="primary" size="mini" @click="$router.push('pRank')">返回首页</el-button>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import HeaderNav from "./home/headerNav.vue";
export default {
    components:{
        HeaderNav
    }
}
</script>
<style lang="scss" scoped>
.qilin-noAuthentification{
    @include setWH();
    >.qilin-noAuthentification-content{
        overflow-y:auto;
        height:calc(100vh - 78px );
        margin:15px;
        background-color:#fff;
        border-radius:2px;
        text-align:center;
        >img{
            @include setWH(700px,400px);
            margin-top:120px;
        }
        >.qilin-noAuthentification-content-text{
            margin-top:50px;
            >.qilin-noAuthentification-content-text-tip{
                font-size:$size-text-medium;
                color:$color-text-common;
                padding-left:20px;
                text-align:center;
                >p{
                    margin-bottom:15px;
                }
            }
        }
    }
}
</style>
